/* Point of ViUU - CSS */
	
	.perspective .perspective_diap:focus { outline:none; }
	/* Plugin container */
	.perspective {
		float:left; overflow:hidden; position:relative; /* <- Do not change this line */
/*!*/	width:1100px; /* Required - Adapt to your template */
/*!*/	height:338px; /* Required - Adapt to your template */
		margin:30px 0;
	}
		/* Plugin content */
		.perspective .perspective_diap {
			position:absolute; /* <- Do not change this line */
/*!*/		width:1100px; /* Required - Adapt to your template (Add padding if needed) */
/*!*/		height:338px; /* Required - Adapt to your template (Add padding if needed) */
			background:url(../images/shadow_med.png) left bottom no-repeat;
			opacity: 0;
		}
		.perspective .perspectiveBlock{
			opacity: 1;
			transition: opacity 1s ease-in-out; 
		}
			/* Plugin content image */
			.perspective_diap img {
/*!*/			width:750px; /* Required - Adapt to your template */
/*!*/			height:300px; /* Required - Adapt to your template */
			}
			/* All description will be in this 'p' */
			.perspective_diap p {
				position:absolute; /* <- Do not change this line */
				z-index:5; /* Change if needed */
				background:#fff;
				font-size:24px;
				/* color:#086b7f; */
				width: 325px;
				padding:0 10px 10px;
				opacity: 1 !important;
				
			}
			.perspective_diap p.right .see{
				color: #fff;
				font-size: 16px;
				float: right;
				margin-top: 16px;
				background:  rgba(239,45,68,1);
				padding: 7px 20px;
			}
			.perspective_diap p.right .see:hover{
				background: #A5937D;
					transition:all 0.5s;
			}
			.perspective_diap p.right .borderBox{
				border:2px solid rgba(166,148,126,1); 
				height: 167px; 
				display: block; 
				margin-left: -60px; 
				padding-left: 60px;
				    margin-top: 15px;
			}
				/* Add class if you want different display in your description text */
				/* Description position */
				.perspective_diap p.right { right:0; width: 465px; }
				.perspective_diap p.left { left:12px; }
				.perspective_diap p.top { top:0px; }
				.perspective_diap p.bottom { bottom:0px; }
				.perspective_diap>img{
					width: 590px;
					height: 330px;
					position: relative;
					z-index: 100;
				}
				.perspective_diap p.right .time{
					font-size:14px;
					font-family:PingFang SC;
					font-weight:400;
					color:rgba(117,43,51,1);
					margin-top: 10px;
					display: block;
				}
				.perspective_diap p.right .title{
					font-size: 18px;
					line-height:26px;
					font-weight: 500;
					height: 52px;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					font-family: PingFang SC;
					display: block;
					color: #000;
				}
				.perspective_diap p.right .imgParent {
				    max-width: 400px;
				    overflow: hidden;
				    margin-top: 10px;
				}
				.perspective_diap p.right .imgParent img{
					max-width: 400px;
					height: 60px;
					width: auto;
				}
				.perspective_diap p.right .contents {
				    font-size: 14px;
					line-height:22px;
				    font-family: PingFang SC;
				    font-weight: 400;
				    color: #656565;
				    margin-top: 10px;
				    overflow: hidden;
				    text-overflow: ellipsis;
				    display: -webkit-box;
				    -webkit-box-orient: vertical;
				    -webkit-line-clamp: 3;
				}
				/* Description style */
				.perspective_diap p.full_width { width:710px; top:-24px; left:0; background:#086b7f; color:#fff; }
				.perspective_diap p span { display:block; color:#aaa; font-size:12px; padding:5px 0 0 0; }
	
	/* overlay on the images to simulate Darkening */
	em.darkPers {
		position:absolute; top:0; left:0; /* <- Do not change this line */
		cursor:pointer; /* If you want a cursor pointer on your images */
		background:#086b7f; /* <- choose your color here */
	}
	
	
	
/* If you use Timer and/or play */
	
	/* Timer */
	span.timer_rota {
		position:absolute; overflow:hidden; /* <- Do not change this line */
		z-index:10; /* Change if needed */
		width:24px;
		height:24px;
		top:10px; /* Position in container */
		right:10px; /* Position in container */
	}
		span.timer_rota span {
			position:absolute; /* <- Do not change this line */
			width:24px;
			height:576px;
			background:url(../img/sprite_cercle.png) no-repeat;
		}
	
	/* Play - Pause */
	span.pause_rota,
	span.play_rota {
		position:absolute; cursor:pointer; /* <- Do not change this line */
		z-index:10; /* Change if needed */
		width:24px;
		height:24px;
		top:300px; /* Position by default in container */
		right:44px; /* Position by default in container */
		background:url(../img/sprite_lecture.png) right top no-repeat;
		}
		span.play_rota { background-position: right bottom; }
		span.pause_rota:hover { background-position: left top; }
		span.play_rota:hover { background-position: left bottom; }